@media only screen and (max-width: 1199px) {
    	.navfull ul li a {
			padding: 28px 14px 0px;
		}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.courseList .container .grid_3{
			width: 48%;
			margin-left: 1%;
			margin-right: 1%;
		}
}

@media only screen and (max-width: 767px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zoneAll .memberattention .otherimg{
			width: 90%;
		}
		.list-screen{margin-top: 43px;}
		.list-screen-condition{border-bottom: 1px solid #eff2f5;}
		.list-screen-condition .screen-condition{width:99px;}
		.list-screen-condition .screen-condition a.cond-down span{padding:13px 20px 13px 15px}
		.list-screen-condition .screen-condition a.cond-down i{right:0px;width:15px;}
		.list-screen-condition li.list-item{width:99px;}
		.list-screen-condition li ul a {width:99px;padding:0;text-align: center;}
		.addTopButton{margin-top: 15px;}
		.classify .grid_12{margin-bottom: 15px;}		
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zoneAll .zone2{
			margin-left:10%;
			margin-right:1%;
		}
		.zoneAll .zone2 .courseList .zone3{
			width: 80%; 
			display: table;
  			margin: 0 auto;	
		}
		.zoneAll .zone2 .courseList .navbarright{
			margin-right:20%;
		}
		.zoneAll .memberattention .otherimg{
			width: 90%;
		}
		.list-screen{display: none;}
		.header{display: block;z-index: 99999;}
		.classify {padding-top: 46px; }
		.list-screen-condition .screen-condition{width:139px;}
		.list-screen-condition li.list-item{width:139px;}
		.list-screen-condition li ul a {width:139px;padding:0;text-align: center;}
		
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
		.courseBox a.courseBoxImg,.activityList .courseBox a.courseBoxImg {
			height: auto;
		}
		.zoneAll .zone2{
			margin-left:10%;
			margin-right:1%;
			
		}
		.zoneAll .zone2 .courseList .zone3{
			width: 80%; 
		}
		.zoneAll .zone2 .courseList .navbarright{
			margin-right:20%;
		}
		.zoneAll .memberattention .otherimg{
			width: 90%;
		}
		.list-screen{display: none;}
		.header{display: block;z-index: 99999;}
		.classify {padding-top: 46px; }
}
@media only screen and (min-width: 1200px) 	{
	.project { width: 400px;
			   height: 400px; }
	.project img { width: 290px; }
}
@media only screen and (max-width: 1199px) and (min-width: 479px) {
	.welcome img { padding: 75px 0px;
				   width: 435px; }
	.project { width: 370px; 
			   height: 370px; }
	.project img { width: 260px; }
}
@media only screen and (max-width: 767px) and (min-width: 478px) {
	.main { padding-top: 60px; } 
	.main > h1 { padding: 0 24px; }
	.welcome img { margin-bottom: 140px; }
	.tabbed-area { padding-left: 72px ; }
}
@media only screen and (max-width: 479px) {
	.main > h1 { font-size: 26px; 
				 padding: 0px 50px; }
	.welcome img { width: 300px; 
				   margin-top: 100px;
				   margin-bottom: 220px; }
	.project { width: 300px; 
			   height: 300px; }
	.project img { width: 190px; }
	.right-footer { padding-left: 36px; }
}
@media only screen and (min-width: 480px) {
	div.project .proj1 { margin-top: 55px; }
}
@media only screen and (max-width: 479px) {
	div.project .proj1 { margin-top: 40px; }
}